<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            margin: 0;
        }

        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            width: 25%;
            background-color: #f1f1f1;
            position: fixed;
            height: 100%;
            overflow: auto;
        }

        li a {
            display: block;
            color: #000;
            padding: 8px 16px;
            text-decoration: none;
        }

        li a.active {
            background-color: #4CAF50;
            color: white;
        }

        li a:hover:not(.active) {
            background-color: #555;
            color: white;
        }
    </style>
</head>
<body>
<c:if test="${USER_SESSION.identity==0}">
    <ul>
        <li>
            <c:if test="${active==0}">
                <a class="active" href="${pageContext.request.contextPath}/user/home">主页</a>
            </c:if>
            <c:if test="${active!=0}">
                <a href="${pageContext.request.contextPath}/user/home">主页</a>
            </c:if>
        </li>
        <li>
            <c:if test="${active==1}">
                <a class="active" href="#news">查看申请信息</a>
            </c:if>
            <c:if test="${active!=1}">
                <a href="#news">查看申请信息</a>
            </c:if>
        </li>
        <li>
            <c:if test="${active==2}">
                <a class="active" href="#news">管理航班信息</a>
            </c:if>
            <c:if test="${active!=2}">
                <a href="#news">管理航班信息</a>
            </c:if>
        </li>
        <li>
            <c:if test="${active==3}">
                <a class="active" href="${pageContext.request.contextPath}/order/getOrderlist">管理订单信息</a>
            </c:if>
            <c:if test="${active!=3}">
                <a href="${pageContext.request.contextPath}/order/getOrderlist">管理订单信息</a>
            </c:if>
        </li>
        <li>
            <a href="#about">退出登录</a>
        </li>
    </ul>
</c:if>
<c:if test="${USER_SESSION.identity==1}">
<ul>
    <li>
        <c:if test="${active==0}">
            <a class="active" href="${pageContext.request.contextPath}/user/home">主页</a>
        </c:if>
        <c:if test="${active!=0}">
            <a href="${pageContext.request.contextPath}/user/home">主页</a>
        </c:if>
    </li>
    <li>
        <c:if test="${active==1}">
            <a class="active" href="#news">查看航班信息</a>
        </c:if>
        <c:if test="${active!=1}">
            <a href="#news">查看航班信息</a>
        </c:if>
    </li>
    <li>
        <c:if test="${active==2}">
            <a class="active" href="#contact">查看订单</a>
        </c:if>
        <c:if test="${active!=2}">
            <a href="#contact">查看订单</a>
        </c:if>
    </li>
    <li>
        <c:if test="${active==3}">
            <a class="active" href="#about">购票</a>
        </c:if>
        <c:if test="${active!=3}">
            <a href="#about">购票</a>
        </c:if>
    </li>
    <li>
        <c:if test="${active==4}">
            <a class="active" href="#about">查看行程</a>
        </c:if>
        <c:if test="${active!=4}">
            <a href="#about">查看行程</a>
        </c:if>
    </li>
    <li>
        <c:if test="${active==5}">
            <a class="active" href="#about">查看通知</a>
        </c:if>
        <c:if test="${active!=5}">
            <a href="#about">查看通知</a>
        </c:if>
    </li>
    <li>
        <c:if test="${active==6}">
            <a class="active" href="#about">查询航班信息</a>
        </c:if>
        <c:if test="${active!=6}">
            <a href="#about">查询航班信息</a>
        </c:if>
    </li>
    <li>
        <c:if test="${active==7}">
            <a class="active" href="#about">申请修改订单</a>
        </c:if>
        <c:if test="${active!=7}">
            <a href="#about">申请修改订单</a>
        </c:if>
    </li>
    <li>
        <c:if test="${active==8}">
            <a class="active" href="#about">申请取消订单</a>
        </c:if>
        <c:if test="${active!=8}">
            <a href="#about">申请取消订单</a>
        </c:if>
    </li>
    <li>
        <c:if test="${active==9}">
            <a class="active" href="#about">申请升降舱</a>
        </c:if>
        <c:if test="${active!=9}">
            <a href="#about">申请升降舱</a>
        </c:if>
    </li>
    <li>
        <a href="#about">退出登录</a>
    </li>
</ul>
</c:if>
<c:if test="${USER_SESSION.identity==2}">
<ul>
    <li>
        <c:if test="${active==0}">
            <a class="active" href="${pageContext.request.contextPath}/user/home">主页</a>
        </c:if>
        <c:if test="${active!=0}">
            <a href="${pageContext.request.contextPath}/user/home">主页</a>
        </c:if>
    </li>
    <li>
        <c:if test="${active==1}">
            <a class="active" href="#news">发布航班信息</a>
        </c:if>
        <c:if test="${active!=1}">
            <a href="#news">发布航班信息</a>
        </c:if>
    </li>
    <li>
        <c:if test="${active==2}">
            <a class="active" href="#contact">发送订单更改通知</a>
        </c:if>
        <c:if test="${active!=2}">
            <a href="#contact">发送订单更改通知</a>
        </c:if>
    </li>
    <li>
        <a href="#about">退出登录</a>
    </li>
</ul>
</c:if>
